李仕臣

李仕臣的博客

183
文章
87
分类
136
标签

CSS-行内元素 消除边距

CSS
  |  
 阅读次数 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div class="parent">
　　<span class="child">美女如云</span>
　　<span class="child">高山流水</span>
</div>

<style type="text/css">
*{
　　margin:0 auto;
}
/* 父元素 font-size 设为0; text-size-adjust: none */
.parent {
　　font-size: 0;
　　-webkit-text-size-adjust: none
}
/* 设置字体大小，不然可能看不到字 */
.child {
    display:inline-block; 
    width:100px; height:100px; 
    color: #000;
    font-size: 15px;
    background:green;
}
</style>